<%@ page pageEncoding="UTF-8" contentType="text/html; charset=UTF-8" %>

<fmt:setBundle basename="com.ssi.mrms.language.room.room_label" />

<script type="text/javascript" src="../js/controller/room/RM007.js" ></script>

<div id="container">
<div id="content">
		<div class="warpper">
			<table class="from" style="width: 100%;">
				<tr>
					<td class="header2" style="border-bottom: 1px #bbb solid;">Criteria</td>
				</tr>
			</table>
			<form action="" method="get" name="main">
			<table class="from" style="width: 100%;" border="0">
				<tr>
					<td class="header">Tower </td>
						<td><select id="tower">
						</select></td>

						<td class="header">Floor </td>
						<td><select id="floor"></select></td>

						<td class="header">Unit </td>
						<td><select id="unit"></select></td>

						<td class="header">Address </td>
						<td><select id="address"></select></td>
				</tr>
<!-- 				<tr > -->
<!-- 					<td  class="header">Type </td> -->
<!-- 					<td><select id="ownType"></select></td> -->
<!-- 					<td class="header">Status </td> -->
<!-- 					<td><select id="roomStatus"></select></td> -->
<!-- 					<td  class="header" colspan="4"></td> -->
<!-- 				</tr> -->
			</table>
			</form>
					<br>
			<center>
				<table>
					<tr  align="right" >
                    	<button type="button" id="btnSearch" class="btn btn-info btn-default" ><i class="fa fa-search"></i> Search</button>
					</tr>
					<tr >&nbsp</tr>
					<tr align="left">
						<button type="reset" id="btnClear"  class="btn btn-info btn-default" ><i class="fa fa-refresh"></i> Clear</button>
					</tr>
					
				</table>
			</center>
			
			<table class="from" cellpadding="0" cellspacing="0" border="0" style="width: 100%;">
				<tr>
					<td colspan="9" class="header2" style="border-bottom: 1px #bbb solid;">Detail</td>
				</tr> 
<!-- 				<tr> -->
<!-- 					<td colspan="9"> -->
<!-- 						<button type="button" class="btn btn-success" onclick="location='RM007A'" disabled="disabled"><i class="fa fa-plus"></i>&nbsp;&nbsp;New</button> -->
<!-- 					</td> -->
<!-- 				</tr> -->
			</table>

<!-- 		Grid	 -->
				<table id="dataTable" border="0" class="display dataTable no-footer">
					<thead >
					<tr>
							<th style="text-align: center;"> </th>
							<th style="text-align: center;">Tower</th>
							<th style="text-align: center;">Floor</th>
							<th style="text-align: center;">Unit</th>
							<th style="text-align: center;">Address</th>
							<th style="text-align: center;">Owner</th>
							<th style="text-align: center;">Tenant</th>
<!-- 							<th style="text-align: center;">Status</th> -->
					</tr>
					</thead>
					<tbody>
					</tbody>
				</table>
<!-- 	end	Grid	 -->


		</div>
	</div>
</div>
<script type="text/javascript">
	function clearVal() {
		$(":input:text").val('');
	}
	function add(){
		window.location = "RM007A";
	}
	function del(){
		
	}
</script>
